Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 97.18%. Comparing base (446fd0a) to head (a5bf1f8).
⚠️ Report is 6 commits behind head on main.

@@           Coverage Diff           @@
##             main    #3959   +/-   ##
=======================================
  Coverage   97.17%   97.18%           
=======================================
  Files         857      857           
  Lines       25304    25330   +26     
  Branches     8983     9000   +17     
=======================================
+ Hits        24590    24616   +26     
  Misses        708      708           
  Partials        6        6           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

I've just identified an issue when viewing the horizontal variant in a small width screen. When viewing on mobile devices, the demo content appears to be compressed, causing elements to overlap each other as shown in the screenshots below:

Is this something that we can avoid from the component level, perhaps by making the component not shrink below a certain width? or is it an expected behavior?

I've just identified an issue when viewing the horizontal variant in a small width screen. When viewing on mobile devices, the demo content appears to be compressed, causing elements to overlap each other as shown in the screenshots below:

Well spotted! There's a two-part mitigation for this: 1) I've added some of our wrapping styles to prevent the overlapping from happening, 2) for now, this is Core-only layout and considered an atomic so we'll be expecting teams to build their own responsiveness (i.e., changing to a vertical layout); there will be guidelines for that.

2. for now, this is Core-only layout and considered an atomic so we'll be expecting teams to build their own responsiveness (i.e., changing to a vertical layout); there will be guidelines for that.

Makes sense